<template>
    <div class="avatar">
        <div style="height: 100%;position: relative">
<!--            <img style="width: 23vw;height: 30vw;border-radius: 3%" src="@/assets/avatar/avatar.png" />-->
            <img style="position: absolute; top: 24vw; left: 44vw;width: 12vw;height: 12.5vw;border-radius: 3%" src="@/assets/avatar/avatar.png" />
        </div>
    </div>
</template>

<script>
export default {
    name: "Avatar"
}
</script>

<style lang="scss" scoped>
    .avatar {
        width: 100vw;
        height: 100vh;
        background-image: url('@/assets/avatar/bg7.png');
        background-size: 100% 100%;
    }
</style>